<div id="record" v-show="show">
    <div v-if="loading" style="color: #8d8d8d;text-align: center;margin: 150px 0;">
        借书记录加载中...
    </div>
    <div v-else>
        <div v-if="isNull" class="list search_list_bar" style="height: 100%;overflow-y: scroll;padding-bottom: 94px;">
            <template v-for="book in list">
                <a class="item" href="javascript:;">
                    <h2>@{{ book.detail.name }}</h2>
                    <p>借书时间：@{{ book.begin }} </p>
                    <p>还书时间：<span class="assertive">@{{ book.end }}</span></p>
                </a>
            </template>
        </div>
        <div v-else style="color: #8d8d8d;text-align: center;margin: 150px 0;">
            没有借书记录
        </div>
    </div>
</div>
